<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>课程试听</title>
    <link rel="stylesheet" href="../css/mainiconfont.css">
    <link rel="stylesheet" href="../css/mainsame.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/listencourse.css">
    <link rel="stylesheet" href="../css/coursefont.css">
    <link rel="stylesheet" href="../css/courseiconfont.css">
    <!-- <link rel="stylesheet" href="../css/courseglobal.css"> -->
</head>

<body>
    <div class="big">
        <!-- 头部 -->
        <div class="header">
            <header>
                <ul class="font_16">
                    <li><img src="../img/head_log.png" alt="" class="headLog"></li>
                    <li class="navActive"><a href="./index.html">首页</a></li>
                    <li><a href="./course.html">课程</a></li>
                    <li><a href="./question-index.html">题库</a></li>
                    <li class="teacherlibox">
                        讲师
                        <i class="iconfont icon-sanjiaodown"></i>
                        <ol class="teacherpullBox font_16">
                            <li>唯实名师</li>
                        </ol>
                    </li>
                    <li>资讯</li>
                    <li><a href="./material.html">教材</a></li>
                    <li>关于</li>
                </ul>
                <ul class="font_14">
                    <li>
                        <input type="text" placeholder="搜索课程">
                        <i class="iconfont icon-sousuo"></i>
                    </li>
                    <li>
                        <a href="./shoping.html">
                            <i class="iconfont icon-gouwuche2"></i>购物车
                        </a>
                    </li>
                    <li class="login"><a href="./login.html">登录</a></li>
                    <li class="logon"><a href="./logon.html">注册</a></li>
                    <li class="userliBox">
                        用户
                        <i class="iconfont icon-sanjiaodown"></i>
                        <ol class="userpullBox">
                            <li><a href="./user.html">个人中心</a></li>
                            <li class="logout">退出登录</li>
                        </ol>
                    </li>
                    <li>
                        <i class="iconfont icon-shouji"></i>
                        <i class="iconfont icon-sanjiaodown"></i>
                    </li>
                </ul>
            </header>
        </div>

        <!-- 内容 -->
        <div class="yxlcontent">
            <!-- banner -->
            <div class="yxlbanner">
                <div class="bannermain container">
                    <div class="fontSize14 colorccc yxlbannerTitle">
                        <span>首页</span>
                        <i>/</i>
                        <span>全部课程</span>
                        <i>/</i>
                        <span class="color777">2020执业药师课程试听</span>
                    </div>
                    <div class="yxlbanncontent flex">
                        <div class="bannercontentLeft">
                            <div class="leftinfo">
                                <img src="../img/courserimg/card1.png" alt="">
                                <div class="leftinfolister fontSize16 flex color000">
                                    <i class="iconfont icon-bofang" style="margin-right:10px"></i>
                                    免费试听</div>
                            </div>
                        </div>
                        <div class="bannercontentRight">
                            <div class="fontSize18 color000">
                                <span class="banConRightTitle fontSize12 color000">套餐</span> 2020执业药师课程试听</div>
                            <div class="fontSize14 colorccc margintop20 banConRightmfst">免费试听</div>
                            <div class="fontSize14 color000">
                                <div class="margintop20 banConRightTeacherbox">
                                    讲师：
                                    <img class="banConRightTeacher" src="../img/courserimg/courselarge.png" alt="">
                                </div>
                                <div class="margintop20">
                                    有效期：
                                    <span class="colore74c3c fontSize16"> 2020-10-31
                                        <span class="fontSize12 color000">前</span>
                                    </span>
                                </div>
                                <div class="margintop20">
                                    更新至：
                                    <span class="colore74c3c">2020执业药师课程试听-西药综试听</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="yxlbannerFooter fontSize14 color999 margintop20">
                        <span>
                            <i class="iconfont icon-fenxiang" style="margin-right:5px"></i>分享</span>
                        <span>
                            <i class="iconfont icon-qrcode" style="margin-right:5px"></i>扫一扫学习</span>
                    </div>
                </div>
            </div>
            <!-- 主要内容 -->
            <div class="yxlmainBox">
                <div class="container yxlmain">
                    <!-- banner下的absoule -->
                    <div class="yxlbannerAbsoBox">
                        <div class="yxlbannerAbs flex">
                            <div class="yxlbannerAbsLeft fontSize12 color666">
                                <div>
                                    <span class="title color000 huod">活动</span>
                                    暂无活动
                                </div>
                                <div>
                                    <span class="title color000 server">服务</span>
                                    配套练习 / 48小时答疑 / 作业批改
                                </div>
                            </div>
                            <div class="yxlbannerAbsRight flex">
                                <span class="color35ce76 fontSize24">免费</span>
                                <div class="fontSize16 color000 baomzixin flex">
                                    <span class="baomzixleft">免费报名</span>
                                    <span class="baomzixright">在线咨询</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="listencoursebox flex">
                        <div class="listencourseboxLeft">
                            <!-- 左table切换 -->
                            <ul class="listencTable fontSize16 color333 flex">
                                <li>套餐详情</li>
                                <li class="listeractive">套餐课程(1)</li>
                                <li>学员评价(0)</li>
                            </ul>
                            <ul class="listencTablexiangq">
                                <li class="tablexiangq">
                                    <img src="../img/courserimg/listenCourselong.jpg" alt="">
                                </li>
                                <li class="tablecourse">
                                    <span class="daohNum">1</span>
                                    <div class="fontSize18 color333">非阶段课程</div>
                                    <a href="">
                                        <div class="taockcmain">
                                            <img src="../img/courserimg/card1.png" alt="">
                                            <div class="flex taockcmainfooter">
                                                <div class="c09111c fontSize14">2020执业药师课程试听</div>
                                                <div class="fontSize12 flex taockcmainfooter_bottom">
                                                    <span class="color999">视频</span>
                                                    <span>视频</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="margintop20 tablepingj">
                                    <img src="../img/courserimg/no-data-ico.png" alt="" class="margintop20">
                                    <div class="margintop20 fontSize14 color666">虚位以待，精彩发声~~~</div>
                                </li>
                            </ul>
                        </div>
                        <div class="listencourseboxright">
                            <div class="listencTable fontSize16 color333">讲师</div>
                            <div class="teacherright margintop20">
                                <div>
                                    <img src="../img/courserimg/courselarge.png" alt="">
                                    <span class="fontSize14 color333">孙继美</span>
                                    <p class="fontSize12 color999 margintop10">药学硕士，拥有丰富的执考培训经验和临床经验。善于将理论知识与专业实践相结合，让学生不仅轻松掌握考点，还</p>
                                    <div class="margintop20 hr"> </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <footer class="color_666">
            <div class="footerContainer">
                <div class="footer1">
                    <div>
                        <ul class="colms3 color_666 font_12">
                            <li class="font_16 mtb_10">新手指南</li>
                            <li>如何注册</li>
                            <li>购课流程</li>
                            <li>付款方式</li>
                        </ul>
                        <ul class="colms3 color_666 font_12">
                            <li class="font_16 mtb_10">用户中心</li>
                            <li>账户设置</li>
                            <li>订单查询</li>
                        </ul>
                        <ul class="colms3 color_666 font_12">
                            <li class="font_16 mtb_10">常见问题</li>
                            <li>忘记密码</li>
                            <li>订单到账</li>
                            <li>播放问题</li>
                        </ul>
                        <ul class="colms3 color_666 font_12">
                            <li class="font_16 mtb_10">售后相关</li>
                            <li>意见反馈</li>
                            <li>隐私设置</li>
                        </ul>
                    </div>
                    <div class="font_14">
                        <div class="colms7">
                            <h6 class="mtb_10">
                                <i class="iconfont icon-dianhua_phone_bg"></i>
                                服务电话
                            </h6>
                            <div class="margin_l20 margin_t10">010-85859097</div>
                            <h6 class="margin_t10 ">
                                <i class="iconfont icon-xiaoxixinfengnews2"></i>
                                企业邮箱
                            </h6>
                            <div class="margin_l20 margin_t10">kefu@wyikao.com</div>
                        </div>
                        <div class="colms5">
                            <div class="margin_b20">
                                <i class="iconfont margin_r4 icon-shouji"></i>
                                下载APP
                            </div>
                            <div>
                                <i class="iconfont margin_r4 icon-weixin"></i>
                                微信&H5
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer2 margin_t20 font_14">友情链接：</div>
                <ul class="margin_t20 pad_t10 textAli_C font_12">
                    <li>
                        <span class="footLis">
                            <span>新手指南</span>
                            <i>|</i>
                        </span>
                        <span class="footLis">
                            <span>帮助中心</span>
                            <i>|</i>
                        </span>
                        <span class="footLis">
                            <span>意见反馈</span>
                        </span>
                        <span class="margin_l10">客服电话：010-85859097 Email：kefu@wyikao.com 工作时间：9:30-18:30</span>
                    </li>
                    <li class="mt5">©2017-2020北京唯新唯实教育科技有限公司 版权所有
                        <a href="http://beian.miit.gov.cn">京ICP备17035261号 </a>、京公网安备11010802018055</li>
                    <li class="mt5">
                        Powered By
                        <span>唯实教育</span>
                    </li>
                </ul>
            </div>
        </footer>
        <!-- 退出登录 -->
        <div class="logout-wp" style="display: none;">
            <div class="logout-box">
                <div class="logout-header">
                    <div class="logout-header__title">
                        <span>提示</span>
                    </div>
                    <button style="font-size: 25px;" class="logout-header__button close">×</button>
                </div>
                <div class="logout-content">
                    <div class="logout-content-container">
                        <div class="logout-content-message">
                            <p>确定退出登录吗</p>
                        </div>
                    </div>
                </div>
                <div class="logout-btns">
                    <button class="close">取消</button>
                    <button class="define">确定</button>
                </div>
            </div>
        </div>
    </div>
    <script src="../node_modules//jquery/dist/jquery.min.js"></script>
    <script src="../js//jquery.cookie.js"></script>
    <script src="../js/listencourse.js"></script>
</body>

</html>